<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>Smart 后台</title>
    <link rel="stylesheet" href="/Smart_Backstage/layui/css/layui.css">
    <script src="/Smart_Backstage/layui/layui.js" charset="utf-8"></script>
    <script src="/Smart_Backstage/js/jquery-3.4.1.js"></script>

    <style type="text/css">

        .layui-body{
            background-color: #F0F0F0;
        }

        #doContainer{
            background-color: white;
            border-top: 2px solid #1E9FFF;
            margin: 20px;
            border-radius:10px;
        }

        #tableDiv{
            padding: 25px;
        }

        #daohTitle{
            padding-top: 25px;
            padding-left: 35px;
            padding-bottom: 15px;
            display: inline-block;
        }

        .selectContainer{
            margin-top: 20px;
        }
        #price{
            margin-top: 20px;
        }

        #demo2 img{
            width: 300px;
            height: 300px;
        }


        .layui-btn  input {
            position: absolute;
            font-size: 100px;
            right: 0;
            top: 0;
            opacity: 0;
            filter: alpha(opacity=0);
            cursor: pointer
        }

    </style>

</head>
<body class="layui-layout-body">

<div class="layui-layout layui-layout-admin">

    <div class="header"></div>

    <div class="left"></div>

    <div class="layui-body">

        <div>

            <div id="tableDiv">

                <form class="layui-form" action="">

                    <input type="text" name="userId" id="getUserId" autocomplete="off" style="display: none;" class="layui-input">

                    <div class="layui-form-item">
                        <label class="layui-form-label">标题名称</label>
                        <div class="layui-input-block">
                            <input type="text" name="title" required  lay-verify="required" placeholder="请输入标题" autocomplete="off" class="layui-input">
                        </div>
                    </div>

                    <div class="layui-form-item layui-col-md5" id="price">
                        <label class="layui-form-label">价格</label>
                        <div class="layui-input-block">
                            <input type="text" name="money" required  lay-verify="price" placeholder="请输入价格" autocomplete="off" class="layui-input">
                        </div>
                    </div>

                    <div class="layui-row layui-form-item ">

                        <div class=" layui-col-md5 selectContainer">
                            <label class="layui-form-label">座位数</label>
                            <div class="layui-input-inline">
                                <select name="num" lay-verify="required">
                                    <option value=""></option>
                                    <option value="2">2</option>
                                    <option value="4">4</option>
                                    <option value="5">5</option>
                                </select>
                            </div>
                        </div>


                        <div class=" layui-col-md5 selectContainer">
                            <label class="layui-form-label">驱动形式</label>
                            <div class="layui-input-inline">
                                <select name="driving" lay-verify="required">
                                    <option value=""></option>
                                    <option value="前置前驱">前置前驱</option>
                                    <option value="前置后驱">前置后驱</option>
                                    <option value="中置后驱">中置后驱</option>
                                    <option value="后置后驱">后置后驱</option>
                                    <option value="四驱">四驱</option>
                                </select>
                            </div>
                        </div>

                        <div class=" layui-col-md5 selectContainer">
                            <label class="layui-form-label">电机类型</label>
                            <div class="layui-input-inline">
                                <select name="motor" lay-verify="required">
                                    <option value=""></option>
                                    <option value="永磁同步电动机">永磁同步电动机</option>
                                    <option value="磁阻同步电动机">磁阻同步电动机</option>
                                    <option value="磁滞同步电动机">磁滞同步电动机</option>
                                    <option value="感应电动机（三相异步电动机）">感应电动机（三相异步电动机）</option>
                                    <option value="感应电动机（单相异步电动机）">感应电动机（单相异步电动机）</option>
                                    <option value="感应电动机（罩极异步电动机）">感应电动机（罩极异步电动机）</option>
                                    <option value="交流换向器电动机">交流换向器电动机</option>
                                    <option value="单相串励电动机">单相串励电动机</option>
                                    <option value="交直流两用电动机">交直流两用电动机</option>
                                    <option value="推斥电动机">推斥电动机</option>
                                </select>
                            </div>
                        </div>

                        <div class=" layui-col-md5 selectContainer">
                            <label class="layui-form-label">电池类型</label>
                            <div class="layui-input-inline">
                                <select name="cell" lay-verify="required">
                                    <option value=""></option>
                                    <option value="镍镉电池">镍镉电池</option>
                                    <option value="镍氢电池">镍氢电池</option>
                                    <option value="锂离子电池">锂离子电池</option>
                                    <option value="锂聚合物电池">锂聚合物电池</option>
                                    <option value="铅酸电池">铅酸电池</option>
                                </select>
                            </div>
                        </div>

                        <div class=" layui-col-md5 selectContainer">
                            <label class="layui-form-label">长度</label>
                            <div class="layui-input-inline">
                                <input name="length" class="layui-input" type="text" placeholder="单位（mm）" required  lay-verify="mm" autocomplete="off">
                            </div>
                        </div>

                        <div class=" layui-col-md5 selectContainer">
                            <label class="layui-form-label">宽度</label>
                            <div class="layui-input-inline">
                                <input name="width" class="layui-input" type="text" placeholder="单位（mm）" required  lay-verify="mm" autocomplete="off">
                            </div>
                        </div>

                        <div class=" layui-col-md5 selectContainer">
                            <label class="layui-form-label">高度</label>
                            <div class="layui-input-inline">
                                <input name="height" class="layui-input" type="text" placeholder="单位（mm）" required  lay-verify="mm" autocomplete="off">
                            </div>
                        </div>

                        <div class=" layui-col-md5 selectContainer">
                            <label class="layui-form-label">电池容量</label>
                            <div class="layui-input-inline">
                                <input name="capacity" class="layui-input" type="text" placeholder="单位（kwh）" required  lay-verify="capacity" autocomplete="off">
                            </div>
                        </div>

                        <div class=" layui-col-md5 selectContainer">
                            <label class="layui-form-label">直流快充时间(30%->80%)</label>
                            <div class="layui-input-inline">
                                <input name="time1" class="layui-input" type="text" placeholder="单位（min）" required  lay-verify="time1" autocomplete="off">
                            </div>
                        </div>

                        <div class=" layui-col-md5 selectContainer">
                            <label class="layui-form-label">交流慢充时间(30%->80%)</label>
                            <div class="layui-input-inline">
                                <input name="time2" class="layui-input" type="text" placeholder="单位（h）" required  lay-verify="time2" autocomplete="off">
                            </div>
                        </div>

                        <div class=" layui-col-md5 selectContainer">
                            <label class="layui-form-label">最高车速</label>
                            <div class="layui-input-inline">
                                <input name="maxSpeed" class="layui-input" type="text" placeholder="单位（h/km）" required  lay-verify="speed" autocomplete="off">
                            </div>
                        </div>

                    </div>

                    <div class="layui-form-item layui-form-text">
                        <label class="layui-form-label">汽车信息</label>
                        <div class="layui-input-block">
                            <textarea name="message" placeholder="请输入内容" lay-verify="required" class="layui-textarea"></textarea>
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <label class="layui-form-label">是否激活</label>
                        <div class="layui-input-block">
                            <input name="lock" type="checkbox" checked="" lay-skin="switch" lay-text="ON|OFF">
                        </div>
                    </div>

                    <div class="layui-form-item ">
                        <div class="layui-upload layui-input-block">
                            <a href="javascript:;" class="layui-btn">点击上传文件
                                <input type="file" multiple="true" id="fileId" onchange="showImg(this,'#demo2')"  />
                            </a>
                            <blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;">
                                预览图：
                                <div class="layui-upload-list" id="demo2"></div>
                            </blockquote>
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <div class="layui-input-block">
                            <button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
                            <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                        </div>
                    </div>
                </form>

            </div>
        </div>

        </div>

    </div>


    <div class="footer"></div>

</div>


<script>
    layui.use('table', function(){
        var table = layui.table;
    });
</script>

<script>

    $(function(){
        $('.header').load('header.html');
        $('.left').load('aside.html');
        $('.footer').load('footer.html');
    })

    //JavaScript代码区域
    $("#content") .load("intoIndex",function () {

        layui.use('element', function(){
            var element = layui.element;

        });

    });
</script>



</body>
</html>